<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>我的项目</title>
    <link rel="stylesheet" href="../font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="../layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../css/index.css" media="screen">
    <link rel="stylesheet" href="../css/index2.css" media="screen">
    <link rel="stylesheet" href="../css/all.css">
</head>

<body class="bg-f7">
    <nav class="mb-nav-org" id="nav" style="box-shadow: rgba(34, 45, 57, 0.15) 0px 0px 1px 1px;">
        <div class="features-dropdown">
            <ul class="content">
                <li class="library whole">
                    <a href="https://       #####free.modao.cc/features#sec2-library">
                        <img src="../images/library.svg">
                        <h3 class="dropdown-title">素材库</h3>
                        <ul class="dropdown-desc">
                            <li>内置丰富的组件和模板</li>
                            <li>可自定义个人素材库</li>
                            <li>还可共享团队组件库</li>
                        </ul>
                    </a>
                </li>
                <li class="design whole">
                    <a href="https://       #####free.modao.cc/features#sec2-desgin">
                        <img src="../images/design.svg">
                        <h3 class="dropdown-title">设计</h3>
                        <ul class="dropdown-desc">
                            <li>一拖一拽轻松搭建界面</li>
                            <li>多种手势和转场效果</li>
                            <li>无需代码也能做出酷炫动效</li>
                        </ul>
                    </a>
                </li>
                <li class="efficient whole">
                    <a href="https://       #####free.modao.cc/features#sec2-efficient">
                        <img src="../images/efficient.svg">
                        <h3 class="dropdown-title">高效演示及评审</h3>
                        <ul class="dropdown-desc">
                            <li>真实设备边框、全屏演示</li>
                            <li>一键分享</li>
                            <li>在线获取评论</li>
                        </ul>
                    </a>
                </li>
                <li class="label whole">
                    <a href="https://       #####free.modao.cc/features#sec2-sketchLabel">
                        <img src="../images/label.svg">
                        <h3 class="dropdown-title">Sketch插件&amp;标注</h3>
                        <ul class="dropdown-desc">
                            <li>导入Sketch稿</li>
                            <li>自动标注&amp;切图</li>
                            <li>获取全平台代码</li>
                        </ul>
                    </a>
                </li>
                <li class="editing whole">
                    <a href="https://       #####free.modao.cc/features#sec2-cloud">
                        <img src="../images/cloud.svg">
                        <h3 class="dropdown-title">云端编辑</h3>
                        <ul class="dropdown-desc">
                            <li>浏览器直接登录</li>
                            <li>随时随地办公</li>
                            <li>异地团队协作</li>
                        </ul>
                    </a>
                </li>
                <li class="collaboration whole">
                    <a href="https://       #####free.modao.cc/features#sec2-collaboration">
                        <img src="../images/collaboration.svg">
                        <h3 class="dropdown-title">多人协作</h3>
                        <ul class="dropdown-desc">
                            <li>协同编辑、查看、审阅</li>
                            <li>项目同步、沟通透明</li>
                            <li>项目&amp;成员便捷管理</li>
                        </ul>
                    </a>
                </li>
            </ul>
        </div>
        <div class="nav-header">
            <div class="header-left" id="header-left">
                <h1 class="nav-logo">
                    <a href="https://       #####free.modao.cc/">
                        <img alt="墨刀 logo" class="logo core" src="../images/login_logo.png">
                        <img alt="墨刀 logo" class="logo core-phone" src="../images/favicon.png">
                    </a>
                </h1>
                <div class="switch-lang">
                    <a class="active cn" href="#">中文</a>
                    <div class="dropdown">
                        <a class="en dropdown-content" href="#">English</a>
                    </div>
                </div>
                <div class="switch-lang phone">
                    <a class="active cn" href="https://free.modao.cc/cn">中文</a>
                    <span class="splice">/</span>
                    <a class="dropdown-content en" href="https://free.modao.cc/en">En</a>
                </div>
            </div>
            <div class="menu-center" id="menu-center">
                <ul class="menu-content">
                    <li class="features" data-track-id="features">
                        <a href="https://       #####free.modao.cc/features">功能概览</a>
                    </li>
                    <li class="company" data-track-id="enterprise" id="has-dropdown">
                        <a class="title" href="https://free.modao.cc/enterprise">企业版</a>
                        <div class="dropdown">
                            <a class="dropdown-content" data-track-id="enterprise"
                                href="https://free.modao.cc/enterprise">
                                <span>企业版介绍</span>
                            </a>
                            <a class="dropdown-content" data-track-id="enterprise_solution"
                                href="https://free.modao.cc/enterprise_solution">
                                <span>解决方案</span>
                            </a>
                            <a class="dropdown-content" data-track-id="enterprise_case"
                                href="https://free.modao.cc/enterprise_case">
                                <span>企业案例</span>
                            </a>
                        </div>
                    </li>
                    <li class="square" data-track-id="square">
                        <a href="https://       #####free.modao.cc/square">
                            <b>素材广场</b>
                        </a>
                        <img class="square-after-new" src="../images/header_hot_square.svg">
                    </li>
                    <li data-track-id="downloads">
                        <a href="https://       #####free.modao.cc/downloads">下载</a>
                    </li>
                    <li data-track-id="pricing">
                        <a href="https://       #####free.modao.cc/pricing">价格</a>
                    </li>
                    <li class="helper" data-track-id="hc" id="has-dropdown">
                        <a class="title" href="https://free.modao.cc/help-center" id="hc" target="_blank">帮助中心</a>
                        <div class="dropdown">
                            <a class="dropdown-content" href="https://free.modao.cc/forum">讨论区</a>
                        </div>
                    </li>
                    <li data-track-id="payConsulation">
                        <a href="https://       #####free.modao.cc/pay_consultation">付费资讯</a>
                    </li>
                    <li data-track-id="pmcaff">
                        <a href="https://       #####www.pmcaff.com/feed/?utm_source=modaotopnavi"
                            target="_blank">产品问答</a>
                    </li>
                </ul>
            </div>
            <div class="menu-right" id="menu-right">
                <ul id="login-menu">
                    <li class="login-status">
                        <a href="https://       #####free.modao.cc/signout">退出登录</a>
                    </li>
                    <li data-track-id="workspace">
                        <a class="primary workspace" href="https://free.modao.cc/dashboard">进入工作区</a>
                    </li>
                </ul>
            </div>
            <!-- / 适配移动端 -->
            <div class="menu">
                <div id="menu-center">
                    <ul class="menu-content">
                        <li class="features" data-track-id="features">
                            <a href="https://       #####free.modao.cc/features">功能概览</a>
                        </li>
                        <li class="company" data-track-id="enterprise" id="has-dropdown">
                            <div class="dropdown-title">
                                <a href="https://       #####free.modao.cc/enterprise">企业版</a>
                                <div class="arrow-bottom"></div>
                            </div>
                            <div class="dropdown">
                                <a class="dropdown-content" data-track-id="enterprise"
                                    href="https://free.modao.cc/enterprise">
                                    <span>企业版介绍</span>
                                </a>
                                <a class="dropdown-content" data-track-id="enterprise_solution"
                                    href="https://free.modao.cc/enterprise_solution">
                                    <span>解决方案</span>
                                </a>
                                <a class="dropdown-content" data-track-id="enterprise_case"
                                    href="https://free.modao.cc/enterprise_case">
                                    <span>企业案例</span>
                                </a>
                            </div>
                        </li>
                        <li data-track-id="downloads">
                            <a href="https://       #####free.modao.cc/downloads">下载</a>
                        </li>
                        <li data-track-id="pricing">
                            <a href="https://       #####free.modao.cc/pricing">价格</a>
                        </li>
                        <li class="helper" data-track-id="hc" id="has-dropdown">
                            <div class="dropdown-title">
                                <a href="https://       #####free.modao.cc/help-center" id="hc" target="_blank">帮助中心</a>
                                <div class="arrow-bottom"></div>
                            </div>
                            <div class="dropdown">
                                <a class="dropdown-content" href="https://free.modao.cc/forum">讨论区</a>
                            </div>
                        </li>
                        <li data-track-id="payConsulation">
                            <a href="https://       #####free.modao.cc/pay_consultation">付费资讯</a>
                        </li>
                        <li data-track-id="pmcaff">
                            <a href="https://       #####www.pmcaff.com/feed/?utm_source=modaotopnavi"
                                target="_blank">产品问答</a>
                        </li>
                    </ul>
                </div>
                <div id="menu-right">
                    <ul id="login-menu">
                        <li class="login-status">
                            <a href="https://       #####free.modao.cc/signout">退出登录</a>
                        </li>
                        <li data-track-id="workspace">
                            <a class="primary workspace" href="https://free.modao.cc/dashboard">进入工作区</a>
                        </li>
                    </ul>
                </div>
            </div>
            <button hidden="" id="nav-menu-toggle">
                <img class="icon" src="../images/nav.png" alt="">
            </button>
            <div class="deco"></div>
        </div>
    </nav>
    <div class="layui-container pt-86">
        <div class="layui-row layui-col-space10">
            <div class="layui-col-md4 layui-col-sm6">
                <!-- 项目卡片 列表 -->
                <div class="project-card" data-attr="pro">
                    <div class="project-title layui-clear">
                        <img src="../icon/project.png" alt="">
                        <div class="project-text">
                            <h1>内部统一开发管理</h1>
                            <p title="项目开发管理：开发规范、开发环境、日报、bug管理、人员管理、文档归类，版本记录">项目开发管理：开发规范、开发环境、日报、bug管理、人员管理、文档归类，版本记录
                            </p>
                        </div>
                    </div>
                    <div class="project-per">
                        <h1>创建人：张毅</h1>
                        <span>进行中</span>
                    </div>
                </div>
            </div>
            <div class="layui-col-md4 layui-col-sm6">
                <div class="project-card" data-attr="empty">
                    <div class="project-add">
                        <img src="../icon/project-add.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../layui/layui.js"></script>
    <script>
        layui.use(['form'], function () {
            var $ = layui.jquery;
            $(".layui-row .layui-col-md4 .project-card").on('click', function () {
                console.log(this)
                var attr = $(this).attr('data-attr');
                if (attr == 'pro') {
                    // 跳转详细
                } else {
                    // 跳转添加
                    window.location.href = 'project-add.html?from=' + 'project'
                }
            })
        })
    </script>
</body>

</html>